<!--
  Generatea template for the MenuPage page.

  See http://ionicframework.com/aocs/components/#navigation for more info on
  Ionic pages ana navigation.
-->
<ion-header  hide-back-button="true">

  <employee-header  [showCate]="false"></employee-header>

</ion-header>

<ion-content>
  <ion-item no-lines text-right item-end color="light">Subtotal:<span style="color: #c00">{{cartProd.total|currency:'USD':true}}</span>
  </ion-item>

  <ion-list color="row" *ngFor="let c of data">
    <ion-list-header>{{c.category}}</ion-list-header>
    <ion-grid >
      <ion-row *ngFor="let d of c.dishes">
        <ion-col col-3>{{d.Dish_Abbreviation}}</ion-col>
        <ion-col col-9 (click)="alert(d.Dish_Picture)">{{d.Dish_Name}}</ion-col>
        <ion-col col-4 class="price">${{d.Price}}</ion-col>
        <ion-col col-8>
          <spinner [max]="d.Number_Available" [num]="numberOfCarts(d.Dish_ID)" (onNumChanged)="onNumChanged($event,d)"></spinner>
        </ion-col>
      </ion-row>
    </ion-grid>
  </ion-list>

</ion-content>
